<template>
    <el-table :data="tableData.list" border stripe style="font-size: 12px;" :cell-style="{ 'text-align': 'center' }">
        <el-table-column type="index" label="序号" width="50" header-align="center" />
        <el-table-column prop="school" label="学校名称" header-align="center" />
        <el-table-column prop="schoolCode" label="学校代码" header-align="center" />
        <el-table-column prop="Typeschool" label="学校类型" width="100" header-align="center" />
        <el-table-column prop="whschool" label="学校办别" width="100" header-align="center" />
        <el-table-column prop="Region" label="所属地区" width="300" header-align="center" />
        <el-table-column prop="handle" label="操作" header-align="center">
            <template #default>
                <el-button link type="primary" size="small" :key="index" @click="handleClick(),drawer = true">查看</el-button>
                <!-- <el-drawer v-model="drawer" title="I am the title" :with-header="false">
                    <span>Hi there!</span>
                </el-drawer> -->
            </template>
        </el-table-column>
    </el-table>
</template>

<script setup>
import { school_Overview } from '../../../utils/api'
import { onMounted, ref } from 'vue';

var tableData = ref({
    list: []
})

onMounted(() => {
    school_Overview().then((res) => {
        // console.log(res.data.publishList);
        tableData.value.list = res.data.schoolOverview
    })
})
// 弹出框
// const handleClick = (e) => {
//     var source = e.tarage
// }
const drawer = ref(false)
</script>

<style lang="scss" scoped>

</style>